<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>

<head>
    <meta charset="utf-8">
    <title>XIAO博客</title>
    <link rel="stylesheet" href="/css/style.css">
    <script src="/js/vue.js"></script>
</head>

<body>
    <div class="dowebok">
        <div class="form sign-in">
            <h2>欢迎回来</h2>
            <form action="/user/login">
                <label>
                    <span>用户名</span>
                    <input type="text" placeholder="请输入账号" name="phone"/>
                </label>
                <label>
                    <span>密码</span>
                    <input type="password" placeholder="请输入密码" name="password"/>
                </label>
                <p class="forgot-pass"><a href="javascript:">忘记密码？</a></p>
                <button type="submit" class="submit">登 录</button>
               <!-- <input type="submit" class="submit" value="登陆">-->
            </form>

          <!--  <button type="button" class="fb-btn">使用 <span>facebook</span> 帐号登录</button>-->
        </div>
        <div class="sub-cont">
            <div class="img">
                <div class="img__text m--up">
                    <h2>还未注册？</h2>
                    <p>立即注册，发现大量机会！</p>
                </div>
                <div class="img__text m--in">
                    <h2>已有帐号？</h2>
                    <p>有帐号就登录吧，好久不见了！</p>
                </div>
                <div class="img__btn">
                    <span class="m--up">注 册</span>
                    <span class="m--in">登 录</span>
                </div>
            </div>
            <div class="form sign-up">
                <form action="/user/register">
                    <h2>立即注册</h2>
                    <label>
                        <span>手机号</span>
                        <input type="text" name="phone" placeholder="填写手机号"/>
                    </label>
                    <label>
                        <span><a href="#">获取验证码</a></span>
                        <input type="text" name="phone" placeholder="填写验证码信息"/>
                    </label>
                    <label>
                        <span>密码</span>
                        <input type="password" name="password" placeholder="填写密码"/>
                    </label>
                    <button type="submit" class="submit">注 册</button>
                    <!--<button type="button" class="fb-btn">使用 <span>facebook</span> 帐号注册</button>-->
                </form>

            </div>
        </div>
    </div>
    <script src="/js/script.js"></script>

</body>

</html>